import React from "react";
import { getCareers } from "../../../lib/data";
import { CareersSection } from "../../../components/CareersSection";
import { PageHero } from "../../../components/PageHero";

export const revalidate = 300;

export default function CareersPage({ params }: { params: { locale: string } }) {
  const locale = params.locale;
  const data = getCareers(locale);
  return (
    <main className="bg-[#f6f8fc] text-[#1e2a3f]">
      {data.hero && (
        <PageHero
          title={data.hero.title}
          subtitle={data.hero.subtitle}
          locale={locale}
        />
      )}
      <CareersSection data={data} />
    </main>
  );
}